// 作用：获取商品列表  渲染table
// 与select.php关联
// 用ajax
const tbody=document.querySelector('#tbody-shop')
getData()
function getData(){
	// 请求路径是不需要返回上一级的，因为请求时从首页出发的，路径也得以首页为准去写
	// 请求以首页出发（不是当前位置），按照首页文件位置写相对路径
	var res=utils.fetch('./api/shop/select.php')	/* 返回结果为数据库 */
	// console.log(res)
	utils.fetch('./api/shop/select.php').then(resp=>{	/* then是什么鬼？？ */
		// console.log(resp)
		// 需要判断返回的code值，以确定是否返回成功
		if(resp.code===200){
			const{list}=resp.body	/* ??? */
			let str=''
			list.forEach((shop,index)=>{	/* foreach??? */
				str +=
				`
				  <tr data-id="${shop.id}">
				    <td>${index+1}</td>
				    <td><span>${shop.name}</span><input type="text" class="input-name"></td>
				    <td><span>${shop.price}</span><input type="text" class="input-price"></td>
				    <td><span>${shop.num}</span><input type="text" class="input-num"></td>
				    <td>
				      <button class="btn btn-xs btn-info btn-edit">编辑</button>
				      <button class="btn btn-xs btn-danger btn-del">删除</button>
				      <button class="btn btn-xs btn-success btn-ok">确定</button>
				      <button class="btn btn-xs btn-warning btn-cancel">取消</button>
				    </td>
				  </tr>
				`
			})
			tbody.innerHTML=str
			// console.log(tbody)
		}
	})
}

